<!-- 联系记录显示 -->
<template>
	<view>
		<div class="secode">
			<div class="secode_uot" v-for="(item,index) in dataSorce" @click="detial(item)">
				<div class="secode_img" >
					<div v-if="item.avatar">
						<image :src="item.avatar"></image>
					</div>
					<div class="secode_ph" v-else>
						<div>{{item.salesManName}}</div>
					</div>
					<div class="secode_text">
						<div>{{item.salesManName}}</div>
						<div style="font-size: 14px;">{{item.contactDate}}</div>
					</div>
					<div v-if="item.type == 1" class="record_public_text">
						会话沟通
					</div>
					<div class="record_public_text" v-else>
						外勤签到
					</div>
				</div>
				<div class="secode_class">
					<div>
						<text>{{item.remarks}}</text>
					</div>
					<div>
						<text style="padding: 0 60rpx 0 0;">{{item.linkManName}}</text><text>{{item.linkMan_position}}</text>
					</div>
					<div v-if="item.visitSign" >
						<text><i class="iconfont icon-weizhi" style="color: #007aff;padding-right: 3px;"></i>{{item.visitSign}}</text>
					</div>
					<div>
						<text><h4>{{item.crmName}}</h4></text>
					</div>
				</div>
			</div>
		</div>
	</view>
</template>

<script>
	
import {pageList} from '@/common/api/job/jobapi.js'
export default {
	props:{
		dataSor: {
			default: ''
		}
	},
	data(){
		return {
			dataSorce: [],
		}
	},
	mounted(){
		this.dataSorce = this.dataSor;
	},

	methods:{
		
		// 联系记录跳转 
		detial(val){
			this.$emit('detia',val)
		},
	}
}	
	
</script>

<style scoped lang='scss'>
.secode{
	width: 95%;
	height: 100%;
	margin: auto;
}
.secode_uot {
	background-color: #fff;
	width: 95%;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 30rpx ;
	.secode_img {
		display: flex;
		image {
			width: 40px;
			height: 40px;
			border-radius: 50%;
		}
		div {
			text {
				padding-left: 30rpx;
			}
		}
		.secode_ph {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			text-align: center;
			line-height: 40px;
			font-size: 12px;
			background-color: #a94cd9ab;
			color: #fff;
		}
		.record_public_text {
			float: right;
			padding: 0 20rpx 0 30rpx;
			font-size: 14px;
			color: #9e9e9e;
		}
	}
	.secode_class{
		padding: 5px 0 5px 30rpx;
		div {
			overflow: hidden;
		}
	}
	.secode_text {
		div{
			text-align: left;
			padding: 0 0 0 20rpx;
			width: 400rpx;
		}
	}

}

</style>
